<template>
	<div class="page-content">
		<div class="page-title">
			<span style="margin-left: 100px;">请选择驾校</span>
			<div style="float: right;"><Timer title="选择驾校"></Timer></div>
		</div>
		<div class="page-main" style="padding-top: 60px;">
			<el-form >
				<el-form-item label="驾校: " label-width="140px" style="width: 55%;">
					<el-select clearable v-model="editform.school"  placeholder="请选择驾校" style="width:100%">
						<el-option v-for="(item,index) in jslist" :key="index" :label="item.chooseName" :value="item.chooseId">
						</el-option>
					</el-select>
				</el-form-item>
			</el-form>
		</div>
		<div class="footer">
			<el-button class="footer-button" @click="saveSchool">确定</el-button>
		</div>
		
	</div>
</template>

<script>
	export default{
		data(){
			return{
				editform:{
					school:''
				},
				jslist:[
					{
						chooseName:'驾校1',
						chooseId:'1'
					},
					{
						chooseName:'驾校2',
						chooseId:'2'
					},
					{
						chooseName:'驾校3',
						chooseId:'3'
					},
					{
						chooseName:'驾校4',
						chooseId:'4'
					},
					{
						chooseName:'驾校5',
						chooseId:'5'
					},
					{
						chooseName:'驾校6',
						chooseId:'6'
					},
				]
			}
		},
		methods:{ 
			saveSchool(){
				if(this.editform.school.trim() == ''){
					this.toast('请选择驾校');
					return;
				}
				this.send({name:'SaveSchool', school:this.editform.school, remark:'保存驾校',next:'/check/input/phone'})
				console.log(this.editform.school)
			}
		}
	}
</script>

<style scoped="scoped">
	.page-main {
		height: 580px;
		background-color: #f8f9fb;
		padding: 40px;
	}
	.el-form{
		width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 50px;
	}
	.el-form-item>>>.el-form-item__label{
		font-size: 30px;
	}
	.footer{
		height: 140px;display: flex;justify-content: center;align-items: center;background-color: #E7EEF3;border-top: 2px solid #ADB9C2;
	}
	.footer-button{
		width: 320px;height: 80px;background-color: #1268F8;border-radius: 40px;color: #fff;font-size: 25px;
	}
	.el-form-item>>>.el-input__inner{ height: 48px;border-radius: 10px; border: 2px solid #ACB9C1; font-size: 26px;}
	.el-select-dropdown__item{ font-size: 20px; font-weight: bold; height: 52px; line-height: 52px;}
</style>
